<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>注册页面</title>
	<link rel="stylesheet" type="text/css" href="../css/demo.css">
	<link rel="stylesheet" type="text/css" href="../css/easyui.css">
	<link rel="stylesheet" type="text/css" href="../css/icon.css">
	<script type="text/javascript" src="../js/jquery-3.4.1.js"></script>
	<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
</head>
<body>
	<h2>注册页面</h2>
	<div style="margin:20px 0;"></div>
	<div class="easyui-panel" title="New Topic" style="width:600px">
		<div style="padding:10px 60px 20px 60px">
	    <form id="register" method="post">
	    	<table cellpadding="5">
	    		<tr>
	    			<td>用户名:</td>
	    			<td>
	    				<input id="username" class="easyui-textbox" type="text" name="username" data-options="required:true"></input>
	    			</td>
	    		</tr>
	    		<tr>
	    			<td>密码:</td>
	    			<td>
	    				<input id="password" class="easyui-textbox" type="text" name="password" data-options="required:true"></input>
	    			</td>
	    		</tr>
	    		<tr>
	    			<td>性别:</td>
	    			<td>
	    				<input id="gender" class="easyui-radiobutton"  name="gender" label="男:" value="男"></input><br>
	    				<input id="gender" class="easyui-radiobutton"  name="gender" label="女:"  value="女"></input>
	    			</td>
	    		</tr>
	    		<tr>
	    			<td>出生日期:</td>
	    			<td>
						<input id="birthday" class="easyui-datebox" type="text" name="birthday" style="width:80%" data-options="required:true"></input>
	    			</td>
	    		</tr>
	    		<tr>
	    			<td>手机号:</td>
	    			<td>
	    				<input id="telephone" class="easyui-textbox" type="text" name="telephone" data-options="required:true"></input>
	    			</td>
	    		</tr>
	    		<tr>
	    			<td>QQ号:</td>
	    			<td>
	    				<input id="qq" class="easyui-textbox" name="qq" data-options="required:true"></input>
	    			</td>
	    		</tr>
	    		<tr>
	    			<td>邮箱:</td>
	    			<td>
	    				<input id="email" class="easyui-textbox" name="email" data-options="required:true"></input>
	    			</td>
	    		</tr>
	    		<tr>
	    			<td>验证码:</td>
	    			<td>
	    				<input id="checkcode" class="easyui-textbox" name="checkcode" data-options="required:true"></input>
	    			</td>
	    			<td>
	    				<input id="sysCheckcode" type="text" name="sysCheckcode" value="" style="display: none">
	    			</td>
	    		</tr>
	    		
	    	</table>
	    </form>
	    <div style="text-align:center;padding:5px">
	    	<a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm();">注册</a>
	    	<a href="javascript:void(0)" class="easyui-linkbutton" onclick="sendMessageCheckcode();">发送短信验证码</a><br>	    	
	    </div>
	    </div>
	</div>
	<script>
		function submitForm(){
			$('#register').form('submit');
		}
		function clearForm(){
			$('#register').form('clear');
		}
		
		/*随着页面的加载,就显示出来验证码 */
		$(document).ready(function name() {
			
		})
		
		
		
		/*1.系统产生的验证码,随机产生一个6位数,然后显示在SYSCheckBox输入框中:这种虽然可以实现,但不是真正的效果*/
		/*1.1 通过数学方法获取随机数,然后转化成36位(0-9,a-z),然后截取字符串的后6位,就得到了6位的随机字符串  */
		/*1.2 将验证码设置到响应的文本框中去,id="sysCheckcode"  */
		/* function genCheckcode() {
			var randomString = Math.random().toString(36);
			var length = randomString.length;
			var sysCheckcode = randomString.substring(length-6,length);
			$("#sysCheckcode").val(sysCheckcode);
			$("#sysCheckcode").css({'display':'block'});
		} 
		*/ 
		
	
		
	</script>
	
	
</body>
</html>